<!--周雄-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的项目</title>
    <link rel="stylesheet" type="text/css" href="css/new_file.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
    <script src="js/vue.js"></script>
    <script src="js/axios.min.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>
<body>
<div class="header">
    <button type="button" class="btn btn-default btn-sm">
        <!--<span class="glyphicon glyphicon-arrow-left">返回</span>-->
        返回
    </button>
    <img class="image1" src="img/21天习惯养成logo.png">
</div>
<div id="app" class="container">
    <div class="row">
        <div class="col-lg-12">
            <div align="center">
                <h3>我的项目</h3>
            </div>
            <ul>
                <li><h4>正在参加的项目</h4></li>
                <table class="table table-hover" >
                    <tbody>
                    <tr>
                        <th>项目名</th>
                        <th>项目开始时间</th>
                        <th>缴纳金额</th>
                        <th>已进行天数</th>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>2018-05-12</td>
                        <td>5￥</td>
                        <td>5</td>
                    </tr>
                    </tbody>
                </table>
                <li><h4>历史项目</h4></li>
                <table class="table table-hover">
                    <tbody>
                    <tr>
                        <th>项目名</th>
                        <th>开始时间</th>
                        <th>结束时间</th>
                        <th>获取金额</th>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>2018-05-12</td>
                        <td>2018-05-12</td>
                        <td>10￥</td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>2018-05-12</td>
                        <td>2018-05-12</td>
                        <td>10￥</td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>2018-05-12</td>
                        <td>2018-05-12</td>
                        <td>10￥</td>
                    </tr>
                    <tr>
                        <td>java</td>
                        <td>2018-05-12</td>
                        <td>2018-05-12</td>
                        <td>10￥</td>
                    </tr>
                    </tbody>
                </table>
            </ul>
        </div>
    </div>
</div>

<div class="footer">
    <div class="text-center" style="padding-top:12px ;">
        关于项目 | 服务条款 | 隐私政策 | 客服中心 | 联系我们 | 帮助中心
    </div>
</div>
</body>
<script>
    var vue = new Vue({
        el: '#app',
        data: {

        },
        methods: {

        },
        mounted: function () {

        }
    });
</script>

</html>